<script setup lang="ts">

import {Setting} from "@element-plus/icons-vue";
</script>

<template>
  <el-container class="queried-content">
    <el-header class="queried-header">
      <el-image src="/queried.png" style="width: 36px; height: 36px"/>
    </el-header>
    <el-main class="queried-main">
      <el-menu
          active-text-color="#ffd04b"
          background-color="#545c64"
          class="el-menu-vertical-demo"
          default-active="2"
          text-color="#fff"
          collapse-transition
          collapse
          router
      >
        <el-menu-item index="/editor">
          <el-icon><document /></el-icon>
          <span>Navigator Three</span>
        </el-menu-item>
        <el-menu-item index="setting">
          <el-icon><Setting /></el-icon>
          <span>Setting</span>
        </el-menu-item>
      </el-menu>
    </el-main>
  </el-container>
</template>

<style scoped>

</style>